<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <title>CPE Operation Intelligence</title>

    <!-- sb-admin -->
    <link href="imports/sb-admin/css/bootstrap.min.css" rel="stylesheet">
    <link href="imports/sb-admin/css/sb-admin.css" rel="stylesheet">
    <link href="imports/sb-admin/css/plugins/morris.css" rel="stylesheet">
    <link href="imports/sb-admin/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
   
    
    <script src="imports/sb-admin/js/jquery-1.11.0.js"></script>
    <script src="imports/sb-admin/js/bootstrap.min.js"></script>

    <!--Joao Rodrigues - SmartSearch-->
    <link href="imports/jquery-ui/jquery-ui.css" rel="stylesheet">
    <script src="imports/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" src="alerts/alerts.js"></script>
</head>

<body onload="alerts();document.getElementById('esconde').style.display = 'none';">

    <div id="wrapper">



    <?php 
        require 'elements/navigation_bar.php';
        echo print_navigation("cpe_search");
        //require 'elements/dashboard.php';
    ?>

    <div id="page-wrapper">
    <div class="container-fluid">

        <!-- Page Heading -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    <i class="fa fa-search"></i>
                    CPE Search <small><input type="text" id="myText" value="&zwnj;" style="background-color:transparent;border:0px solid white;" disabled></small>
                </h1>
                
            </div>
        </div>

        <div class="row" style="padding: 0 20px 0 20px;">
            <div class="col-lg-12">

                <div class="row clearfix" >
                    <div class="col-md-4 column">
                        <label>Search by MAC Address  <i class="fa fa-barcode"></i></label>
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="MAC Address" id="searchByMac">
                            <span class="input-group-btn">
                                <button class="btn btn-default" onclick="searchResult('searchByMac');"><span class="glyphicon glyphicon-search"></span>&zwnj;</button>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-4 column">
                        <label>Search by Zip Code  <i class="fa fa-envelope"></i></label>
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="ZIP Code" id="searchByZip">
                            <span class="input-group-btn">
                                <button class="btn btn-default" onclick="searchResult('searchByZip')"><span class="glyphicon glyphicon-search"></span>&zwnj;</button>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-4 column">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <label>Search by Location  <i class="fa fa-map-marker"></i></label>
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" style="width:100%">
                                        <span>City <span class="caret"></span></span>
                                    </button>
                                    <ul id="list_cities_dropdown" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div id="ruas_list" class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" style="width:100%">
                                        <span>Street <span class="caret"></span></span>
                                    </button>
                                    <ul id="list_ruas_dropdown" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div id="cpes_list" class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" style="width:100%">
                                        <span>CPEs<span class="caret"></span></span>
                                    </button>
                                    <ul id="list_cpes_dropdown" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu4"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <br>
        <br>
        <br>

        

    </div>
</div>
<script type="text/javascript" src="elements/charts/js/dashboard.js"></script>


    </div>

</body>
</html>
